<script setup lang="ts">
import router from '@/router';

</script>
<template>
    <div class="common-layout">
        <el-container>
            <el-header><h3>智能控温烘干管理系统</h3></el-header>
            <el-container>
                <el-aside width="180px">
                    <el-menu
                        class="el-menu-vertical-demo"
                        :default-active="$route.path" 
                        :router="true"
                    >
                        <el-menu-item index="/hot">
                            <el-icon><Sunrise /></el-icon>
                            <span>加热控制</span>
                        </el-menu-item>
                        <el-menu-item index="/group">
                            <el-icon><Guide /></el-icon>
                            <span>分组信息</span>
                        </el-menu-item>
                        <el-menu-item index="3">
                            <el-icon><Monitor /></el-icon>
                            <span>设备信息</span>
                        </el-menu-item>
                        <el-sub-menu index="4">
                        <template #title>
                            <el-icon><location /></el-icon>
                            <span>Navigator One</span>
                        </template>
                        <el-menu-item-group title="Group One">
                            <el-menu-item index="1-1">item one</el-menu-item>
                            <el-menu-item index="1-2">item two</el-menu-item>
                        </el-menu-item-group>
                        <el-menu-item-group title="Group Two">
                            <el-menu-item index="1-3">item three</el-menu-item>
                        </el-menu-item-group>
                        <el-sub-menu index="1-4">
                            <template #title>item four</template>
                            <el-menu-item index="1-4-1">item one</el-menu-item>
                        </el-sub-menu>
                        </el-sub-menu>
                        
                    </el-menu>
                </el-aside>
                <el-main>
                    <router-view />
                </el-main>
            </el-container>
        </el-container>
    </div>
   

    
</template>
<style>

</style>